<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>乐看-频道导航</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/css/see/reset.min.css">
    <link rel="stylesheet" href="/css/see/channelNav.min.css?v=<%=$version%>">
</head>
<body>
<div id="channelNav" v-cloak>
    <header class="cityAdHotlist-top"><span class="goback" @click="getBack()"></span>频道导航
        <strong v-if="isEdit" @click="addUserCategory()">完成</strong>
        <strong v-if="!isEdit" @click="getEdit()">编辑</strong>
    </header>
    <div class="channelNav-title">常用频道<span>长按拖动排序</span></div>
    <div class="channelNav">
        <div class="channelNav-cent channelNav-top clearfix">
            <div class="channelNav-icon channelNav-icon2">推荐</div>
            <div class="channelNav-icon channelNav-icon1">广告</div>
            <div id="bar">
                <span class="brick" v-for="(item,index) in userCategory" :style="bgimg(item.imgSrc)" :drag-id="index" :id="item.categoryId">{{item.name}}<strong class="channelNav-reduce" v-if="isEdit" @click="getReduce(item.categoryId)"></strong></span>
            </div>
        </div>
        <div class="channelNav-title">其他频道<span>点击添加到常用频道</span></div>
        <div class="channelNav-cent channelNav-butt clearfix">
            <span class="brick" v-for="item in categoryList2" :style="bgimg(item.imgSrc)">{{item.name}}<strong class="channelNav-add" v-if="isEdit" @click="getAdd(item.categoryId)"></strong></span>
            <!--<span class="channelNav-icon2">推荐<strong class="channelNav-add"></strong></span>-->
        </div>
    </div>
    <prompt-view ref="prompt"></prompt-view>
</div>
<script src='/plugins/js/jquery-1.11.3.min.js'></script>
<!--<script type="text/javascript" src="/plugins/swiper/swiper.min.4.2.js"></script>-->
<script type="text/javascript" src="/plugins/js/Sortable.js"></script>
<!--<script type="text/javascript" src="/plugins/js/Sortable.min.js"></script>-->
<script type="text/javascript" src="/plugins/js/vue.min.js"></script>
<script type="text/javascript" src="/js/see/channelNav.js?v=<%=$version%>"></script>
<!--<script>-->
    <!--$("img.lazy").lazyload();-->
<!--</script>-->
</body>
</html>